<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
        <title></title>
        <script type='text/javascript'>

            var CTP_WEB_FULLPATH ='../../';

        </script>
        <link href='../../css/jquery/ui.core.css' rel='stylesheet' type='text/css'/>
        <link href='../../css/jquery/ui.theme.css' rel='stylesheet' type='text/css'/>
        <link href='../../css/skins/standard/ctp-common.css' rel='stylesheet' type='text/css'/>
        <link href='../../css/panel.css' rel='stylesheet' type='text/css'/>
        <link href='../../css/fusioncharts.css' rel='stylesheet' type='text/css'/>
        <link href="../../css/tablelayout.css" rel="stylesheet" type="text/css"/>
        <script type='text/javascript' src='../../js/jquery/jquery.js'></script>
        <script type='text/javascript' src='../../js/jquery/jquery-migrate.js'></script>
        <script type='text/javascript' src='../../js/jqueryui/jquery-ui.js'></script>
        <script type='text/javascript' src='../../js/ctp/public/jsextend.js'></script>
        <script type='text/javascript' src='../../js/ctp/public/ctp.core.js'></script>
        <script type='text/javascript' src='../../js/ctp/public/ctp.base.js'></script>
        <script type='text/javascript' src='../../js/ctp/public/ctp.ui.component.js'></script>
        <script type='text/javascript' src='../../js/ctp/panel/ctp.ui.panel.js'></script>
        <script type='text/javascript' src='../../js/ctp/borderlayout/jquery.layout.js'></script>
        <script type='text/javascript' src='../../js/ctp/fusioncharts/ctp.ui.fusioncharts.js'></script>
        <script type='text/javascript' src='../../js/ctp/fusioncharts/fusioncharts.js'></script>
        <script type="text/javascript" src="../../js/ctp/tablelayout/ctp.ui.tablelayout.js">
        </script>
        <script type='text/javascript' kind='variant'>

            var chart1,chart2;
            var panel3;
            
        </script>
        <script type="text/javascript">

		</script> 
        <script type='text/javascript' kind='ui'>
 				$(document).ready(function(){  
 					Column2D = new ctp.ui.fusioncharts({
                        swfType: 'Column2D',
                        width:'300px',
                        height:'400px',
                        id: 'Column2D',
                        url: 'data/Column2D.xml' 
                    });
 					Column3D = new ctp.ui.fusioncharts({
                        swfType: 'Column3D',
                        width:'300px',
                        height:'400px',
                        id: 'Column3D',
                        url: 'data/Column3D.xml' 
                    });
 					Pie2D = new ctp.ui.fusioncharts({
                        swfType: 'Pie2D',
                        width:'300px',
                        height:'400px',
                        id: 'Pie2D',
                        url: 'data/Pie2D.xml' 
                    });
 					Pie3D = new ctp.ui.fusioncharts({
                        swfType: 'Pie3D',
                        width:'300px',
                        height:'400px',
                        id: 'Pie3D',
                        url: 'data/Pie3D.xml' 
                    });
 					Line2D = new ctp.ui.fusioncharts({
                        swfType: 'Line',
                        width:'300px',
                        height:'400px',
                        id: 'Line2D',
                        url: 'data/Line2D.xml' 
                    });
 					Bar2D = new ctp.ui.fusioncharts({
                        swfType: 'Bar2D',
                        width:'300px',
                        height:'400px',
                        id: 'Bar2D',
                        url: 'data/Bar2D.xml' 
                    });
 					Area2D = new ctp.ui.fusioncharts({
                        swfType: 'Area2D',
                        width:'300px',
                        height:'400px',
                        id: 'Area2D',
                        url: 'data/Area2D.xml' 
                    }); 
 					Doughnut2D = new ctp.ui.fusioncharts({
                        swfType: 'Doughnut2D',
                        width:'300px',
                        height:'400px',
                        id: 'Doughnut2D',
                        url: 'data/Doughnut2D.xml' 
                    });
 					Doughnut3D = new ctp.ui.fusioncharts({
                        swfType: 'Doughnut3D',
                        width:'300px',
                        height:'400px',
                        id: 'Doughnut3D',
                        url: 'data/Doughnut3D.xml' 
                    });
 					MSCombi2D = new ctp.ui.fusioncharts({
                         swfType: 'MSCombi2D',
                         width:'300px',
                         height:'400px',
                         id: 'MSCombi2D',
                         url: 'data/Combi2D.xml'
                     });
 					MSColumn2D = new ctp.ui.fusioncharts({
                        swfType: 'MSColumn2D',
                        width:'300px',
                        height:'400px',
                        id: 'MSColumn2D',
                        url: 'data/MSColumn2D.xml'
                    });
 					MSColumn3D = new ctp.ui.fusioncharts({
                        swfType: 'MSColumn3D',
                        width:'300px',
                        height:'400px',
                        id: 'MSColumn3D',
                        url: 'data/MSColumn3D.xml'
                    });
 					var _mainlayout = new ctp.ui.tablelayout({
 	                    id: 'mainlayout',
 						width: '100%',
 						align: 'center',
 						cols: 4,
 						defaults: {},
 						label:{width:'80px'},
 						items: [
 							[{element: Column2D},{element: Column3D},{element: Pie2D},{element: Pie3D}],
 							[{element: Line2D},{element: Bar2D},{element: Area2D},{element: MSCombi2D}],
  							[{element: Doughnut2D},{element: Doughnut3D},{element: MSColumn2D},{element: MSColumn3D}]							
 						]
 	                });
 					panel3=new ctp.ui.panel({
 					  	id:'panel3',
 						width:'100%',
 						title:'MSCombi2D',
 						height:'100%',
 						items:[_mainlayout],
 						renderTo:'body'
 					  });
                });
        </script>
    <body>
</body>
</html>
